﻿<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="Alien" />

	<title>Чернівецький медичний центр</title>
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
    
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/script.js" type="text/javascript"></script>
    <link href="css/style.css" type="text/css" rel="stylesheet" />
    
</head>

<body>

<div id="backGround">

    <div id="header">
        <div id="logoLeft"><img id="logoLeftImg" src="img/logo.png" /></div>
        <div id="title"><h1 class="title">Чернівецький медичний центр</h1></div>
        <div id="logoRight"><img id="logoRightImg" src="img/logo.png" /></div>
    </div>
    <div id="menu">
        <img src="img/menubg.png" id="menubg" />
        
            <ul id="menulist">
                <li class="split"><img /><a href="#">Головна</a></li>
                <li class="split"><div id="personal"><a href="#">Персонал</a></div></li>
                <li class="split"><div id=""><a href="#">Запис</a></div></li>
                <li class="split"><div><a href="#">Розклад</a></div></li>
                <li><div><a href="#">Контакти</a></div></li>
            </ul>
            <input id="search" type="text" placeholder="пошук..." />
            <button title="Здійснити пошук" class="searchok"></button>
        
    </div>
    <div id="submenu">
        <img src="img/submenubg.png" id="submenubg" />
        <ul id="submenulist">
            <li><a href="#">Педіатр</a></li>
            <li><a href="#">Невропатолог</a></li>
            <li><a href="#">Ортопед</a></li>
            <li><a href="#">Імунолог</a></li>
            <li><a href="#">Стоматолог</a></li>
            <li><a href="#">Хірург</a></li>
        </ul>
    </div>
    <div id="baner">
        <div id="input">
            <p id="banertitle">Записатись на прийом</p>
            <form id="banerinput">
                <input type="text" id="name" class="text" placeholder="ПІБ" />
                <input type="text" id="tel" class="text" placeholder="Телефон" />
                <textarea placeholder="Скарги..."></textarea>
                <button type="submit" class="button" >Записатися на прийом</button>
            </form>
        </div>
    </div>
    <div id="content">
        <div id="content1">
            <img src="img/content1.png" width="214" height="166" style="border: 1px solid gray; float: left;" />
            <h2>Діагностування захворювань серця на ранній стадії</h2>
            <p>Используя в своей работе самые передовые методы и технологии, 
            компания «Медицинский центр» оказывает целый ряд услуг, 
            помогая развитию вашего бизнеса. Стремитесь к дальнейшему росту? 
            Ищите новые рынки сбыта? Хотите более оптимально...</p>
            <a>детальніше >></a>
        </div>
        <hr style="align: center;"/>
        <div id="content2">
            <img src="img/content2.png" width="214" height="160" style="border: 1px solid gray; float: left;"/>
            <h2>Діагностування захворювань серця на ранній стадії</h2>
            <p>Используя в своей работе самые передовые методы и технологии, 
            компания «Медицинский центр» оказывает целый ряд услуг, 
            помогая развитию вашего бизнеса. Стремитесь к дальнейшему росту? 
            Ищите новые рынки сбыта? Хотите более оптимально...</p>
            <a>детальніше >></a>
        </div>
        <hr />
        <div id="content3">
            <img src="img/content3.png" width="214" height="144" style="border: 1px solid gray; float: left;"/>
            <h2>Діагностування захворювань серця на ранній стадії</h2>
            <p>Используя в своей работе самые передовые методы и технологии, 
            компания «Медицинский центр» оказывает целый ряд услуг, 
            помогая развитию вашего бизнеса. Стремитесь к дальнейшему росту? 
            Ищите новые рынки сбыта? Хотите более оптимально...</p>
            <a>детальніше >></a>
        </div>
    </div>
    <div id="footer">
        <p>вул. Рівенська 5а</p>
        <p>+38 095 51 11 111</p>
        <p>+38 095 12 12 123</p>
    </div>
</div>

</body>
</html>